<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <script charset="utf-8" th:src="@{/js1/jquery.min.js}"></script>
  <script charset="utf-8" th:src="@{/js1/global.js}"></script>
  <script charset="utf-8" th:src="@{/js1/bootstrap.min.js}"></script>
  <script charset="utf-8" th:src="@{/js1/template.js}"></script>

  <link rel="stylesheet" th:href="@{/css1/bootstrap.css}">
  <link rel="stylesheet" th:href="@{/css1/style.css}">
  <link rel="stylesheet" th:href="@{/css1/member.css}">
  <link rel="stylesheet" th:href="@{/css1/order3.css}">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no" name="format-detection">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1;user-scalable=no;">
  <title>分类</title>
  <script charset="utf-8" th:src="@{/js1/category.js}"></script>
</head>

<body>
  <header class="header">
    <div class="fix_nav">
      <div class="nav_inner">
        <a class="nav-left back-icon" href="javascript:history.go(-1);">返回</a>
        <div class="tit">分类</div>
        <div class="sousuo" id="sousou"><img src="images/sou.png"></div>
      </div>
    </div>
  </header>
  <div style="overflow: hidden;position: fixed;width: 100%;z-index: 10000;top:0px;">
    <div class="order_top_count" style="display:none;">
      <div class="order_top">
        <div class="order_a_l">
          <div id="nav-left_ll"><img src="images/order_top_l.png"></div>
        </div>
        <div class="order_sou">
          <form action="/m_search/list" method="get" id="searchform" name="searchform">
            <input name="keyword" id="keyword" placeholder="搜索商品" type="text" value="">
            <span class="pro_sou" style="cursor: pointer;" onclick="searchproduct();"><img
                src="images/Search.png"></span>
          </form>
        </div>
      </div>
    </div>
  </div>
  <!--
<div class="sou_count">
	<div class="sou_cou_i sou_none">
			<div class="sou_cou_h sou_cou_h1">猜你喜欢</div>
			<a href="http://wx.aimbeauty.cn/product.html?cps_id=92491&amp;k=%E7%B2%BE%E5%8D%8E"><div class="sou_cou_h2">精华</div></a>
	</div>
	<div class="sou_cou_i">
			<a href="http://wx.aimbeauty.cn/product.html?cps_id=92491&amp;k=%E9%9D%A2%E8%86%9C"><div class="sou_cou_h">面膜</div></a>
			<a href="http://wx.aimbeauty.cn/product.html?cps_id=92491&amp;k=%E6%B4%81%E9%9D%A2"><div class="sou_cou_h2">洁面</div></a>
	</div>
	<div class="sou_cou_i ">
			<a href="http://wx.aimbeauty.cn/product.html?cps_id=92491&amp;k=%E9%98%B2%E6%99%92%E9%9C%9C"><div class="sou_cou_h">防晒霜</div></a>
			<a href="http://wx.aimbeauty.cn/product.html?cps_id=92491&amp;k=%E8%A1%A5%E6%B0%B4"><div class="sou_cou_h2">补水</div></a>
	</div>
</div>
-->

  <div class="container">
    <div class="row" id="row_5">
      <div class="sort-arat" style="margin-top: 10px;">
        <ul id="yijifenlei">

        </ul>
      </div>



      <script th:inline="javascript">
        //加载分类
        $.get("/mall/admin/classification/list.do?type=1&pageindex=-1", function (data) {
          if (data.state == 0) {
            var list = $("#yijifenlei");
            $(data.data).each(function (index, item) {
              var cat = $("<li></li>");
              var cat1 = $('<a href="/mall/product/category_list.html?type=-1&csid=' + item.id + '"> <img  style="width:initial;height:100px;" src="' + item.image + '" ><div style="width:90%;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;text-align:center;margin: auto;">' + item.cname + '</div> </a>');

              cat.append(cat1);

              list.append(cat);
            })
          } else {
            alert(data.message);
          }
        });
      </script>



      <div class="mt10 white-bg">
        <h4 class="sort-tit">二级分类</h4>
        <div class="sort-arat brand-areat">
          <ul id="erjifenlei">
          </ul>
        </div>
      </div>

      <script th:inline="javascript">
        //加载分类
        $.get("/mall/admin/classification/list.do?type=2&pageindex=-1", function (data) {
          if (data.state == 0) {
            var list = $("#erjifenlei");
            $(data.data).each(function (index, item) {
              var cat = $("<li></li>");
              var cat1 = $('<a href="/mall/product/category_list.html?type=2&csid=' + item.id + '">' + item.cname + '</a>');
              cat.append(cat1);
              list.append(cat);
            })
          } else {
            alert(data.message);
          }
        });
      </script>

    </div>
  </div>

  <footer class="footer">
    <div class="foot-con">
      <div class="foot-con_2">
        <a href="/mall/mallindex.html">
          <i class="navIcon home"></i>
          <span class="text">首页</span>
        </a>
        <a href="/mall/category.html" class="active">
          <i class="navIcon sort"></i>
          <span class="text">分类</span>
        </a>
        <a href="/mall/newOrder/shopcart.html">
          <i class="navIcon shop"></i>
          <span class="text">购物车</span>
        </a>
        <a href="/mall/userhome.html">
          <i class="navIcon member"></i>
          <span class="text">我的</span>
        </a>
      </div>
    </div>
  </footer>
</body>

</html>
<SCRIPT Language=VBScript>< !--

//--></SCRIPT>